<!DOCTYPE html>
<html ng-app="hfrApp">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>{{metaTitle}}</title>
	<meta name="Description" content="{{metaDescription}}" />
	<meta property="og:title" content="{{metaTitle}}" />
	<meta property="og:description" content="{{metaDescription}}" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:url" content="beta.hatforrent.com" />
	<meta property="og:image" content="assets/images/ogp.jpg" />
	<meta property="og:image:width" content="250" />
	<meta property="og:image:height" content="250" />

	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="assets/images/ico/apple-touch-icon-57-precomposed.png">

	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/themify-icons.css" />
	
	<link rel="stylesheet" type="text/css" href="assets/css/codemirror.css" />

	
	<!-- Javascript import
    ================================================== -->
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=3.4.1'></script>
    <script src="assets/js/js-yaml.js"></script>
	<script src="assets/js/codemirror.js"></script>
	<script src="assets/js/angular.js"></script>
	<script src="assets/js/angular-route.js"></script>
	<script src="assets/js/ui-bootstrap-tpls-0.11.0.min.js"></script>
	
	<script src="assets/js/angular-cookies.js"></script>
	<script src="assets/js/angular-translate.js"></script>
	<script src="assets/js/angular-translate-loader-static-files.js"></script>
	<script src="assets/js/ui-bootstrap-typeahead.js"></script>
	
	<script src="app/libraries/ui-codemirror.js"></script>
	<script src="app/libraries/sanitize.js"></script>
	<script src="https://apis.google.com/js/client:plusone.js"></script>
	
	<script src="hfr-app.js"></script>
	<script src="app/settings/hfr-settings.js"></script>
	<script src="app/services/authentication.js"></script>
	<script src="app/services/directive.js"></script>
	<script src="app/controllers/hfrController.js"></script>
	<script src="app/controllers/usersController.js"></script>

	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<!-- css3-mediaqueries.js for IE less than 9 -->
	<!--[if lt IE 9]>
	    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
	<![endif]-->
</head>

<body ng-controller="HfrController" class="hfr-screenLoading" ng-class="{'hfr-showContent': showBodyContent == true, 'hfr-screenReload' : reload.display}">
	<div id="hfr-loadingScreen">
		<div id="hfr-loadingScreenBars">
			<p><img src="assets/images/logo-blue.png" alt="hatforrent.com"></p>
			<div id="dot1" class="loader-dot"></div>
			<div id="dot2" class="loader-dot"></div>
			<div id="dot3" class="loader-dot"></div>
			<div id="dot4" class="loader-dot"></div>
			<div id="dot5" class="loader-dot"></div>
		</div>
	</div>
	<div id="hfr-reloadPage">
		<h2>Can't connect to server.<!-- {{reload.text}} --></h2>
		<a href ng-click="reloadRoute()"><ins>{{'static.layout.reloadPage' | translate}}</ins></a>
	</div>
	<div id="master">
		<div id="hfr-topNavbar" ng-controller="UserInfoController">
			<ul class="nav navbar-nav">
				<li><a href="#/"><span class="ti-home"></span> {{'static.layout.dashboard' | translate}}</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#/site-management"><span class="ti-pencil-alt"></span> {{'static.layout.siteManagement' | translate}}</a></li>
				<li><a href="#/monitor-posted"><span class="ti-check-box"></span> {{'static.layout.monitorPosted' | translate}}</a></li>
				<li class="hfr-userMenu">
					<div class="btn-group" ng-show="signedIn" dropdown>
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
						<span class="notification-number">{{totalPost}}</span>
						<span class="ti-user"></span>&nbsp; {{username}} <span class="ti-angle-down"></span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#/">{{'static.layout.dashboard' | translate}}</a></li>
							<li class="divider"></li>
							<li><a href ng-click="logout()">{{'static.layout.logout' | translate}}</a></li>
						</ul>
					</div>
					<div ng-hide="signedIn">
						<span id="googleSignIn">
				            <span id="signInButton">
				            </span>
				        </span>
					</div>
				</li>
			</ul>
		</div>
		
		<!-- General alert
        ================================================== -->
        <div class="alert hfr-generalAlert" ng-class="{'alert-success': message.success == true, 'alert-danger': message.error == true}">
        	<button type="button" class="close" aria-hidden="true" data-dismiss="alert" ng-click="closeAlert()">x</button>
        	<div class="container">
        		{{message.text}}
        	</div>
        </div>

        <!-- Content
        ================================================== -->
        <div id="hfr-content" ng-view>
			
        </div>

		<!-- Live Support
        ================================================== -->        
        <!-- begin olark code -->
		
		<!-- end olark code -->
    </div>
</body>
</html>